
        <style type="text/css">
            body{
                background-color: gray;
            }
            .star{
                float: left;
                margin: 5px 0 0 70px;
            }
            .glyphicon{
                font-size: 20px;
                color: yellow;
            }
            .content{
                text-align: center;
                padding-bottom: 1px !important;
            }
            .content .name{
                font-size: 40px;
                font-weight: bolder;
                padding-top: 30px;
                padding-bottom: 20px;
            }
            .resume-title{
                width: 100%;
                text-align: left;
                height: 40px;
                line-height: 40px;
                background-color: green;
                color: white;
            }
            .resume-text{
                width: 80%;
                text-align: left;
                margin: 5px auto;
            }
            .resume-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                /*border-radius: 5px;*/
            }
            .resume-post{
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: black;
                color: white;
                line-height: 40px;
                border-radius: 5px;

            }
            .userPic{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
                margin: 10px 0 0 10px;
                font-weight: bolder;
            }
            .userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }
            .small{
                font-size: 15px;
            }
            .resume-year{
                float: left;
                width: 30%;
                text-align: center;
                margin: 10px 0 10px 0;
            }
            .resume-year div{
                width: 80%;
                border: 1px solid gray;
                background-color: white;
                margin: 0 auto;
            }
            .resume-express-text{
                width: 70%;
                float: left;
                border-bottom: 1px solid black;
                margin-top: 5px;
            }
            .resume-content{
                width: 100%;
                height: 90px;
            }
            .userPic{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
                margin: 10px 0 0 10px;
                font-weight: bolder;
            }
            .userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }
             .star{
                float: left;
                margin: 5px 0 0 70px;
            }
            .glyphicon{
                font-size: 20px;
                color: yellow;
            }
            .recommendAgain-btn{
                width: 60%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                margin: 40px auto;
                background-color: rgb(21, 131, 230);
                border-radius: 5px;
            }
        </style>

        <div class="content">
            <div class="name">
                饶大奇
                <div class="small">脑门科技有限公司</div>
                <div class="small">html5前端工程师</div>
            </div>

            <div class="resume">
                <div class="resume-title">推荐语</div>
                <div class="resume-text">为人正直，踏实进取，5年的iOS开发经验，2年的全战工程师</div>
            </div>

            <div class="resume">
                <div class="resume-title">工作年限</div>
                <div class="resume-text">5-8年</div>
            </div>

            <div class="resume">
                <div class="resume-title">工作经历</div>
                <div class="resume-content">
                    <div class="resume-exprience">
                        <div class="resume-year">
                            <div>2009</div>
                            <div>2014</div>
                        </div>
                        <div class="resume-express-text">
                            踏实进取，5年的iOS开发经验
                            <br/>        
                            高级iOS工程师
                            <br/>        
                            成都脑门科技有限公司
                            <br/>        
                        </div>
                    </div>
                </div>
            </div>

            <div class="resume">
                <div class="resume-title">教育背景</div>
                <div class="resume-content">
                    <div class="resume-exprience">
                        <div class="resume-year">
                            <div>2005</div>
                            <div>2009</div>
                        </div>
                        <div class="resume-express-text">
                            计算机科学
                            <br/>        
                            四川大学
                            <br/>        
                        </div>
                    </div>
                </div>
            </div>

            <div class="resume">
                <div class="resume-title">推荐人信息</div>
                <div class="star">
                    <span class="glyphicon  glyphicon-star" aria-hidden="true"></span>
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                    <span>4.8</span>
                    <div class="userName">饶大奇</div>
                </div>
                <div class="userPic"></div>

            </div>

            <div class="recommendAgain-btn">再推荐一个</div>
        </div>
        <script type="text/javascript">

    $(".recommendAgain-btn").on("click",function(){
        window.location.href = "recommend"
    })
    </script>